<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
a:link {color:#000000;}      /* 未访问链接*/
a:visited {color:#00FF00;}  /* 已访问链接 */
a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
a:active {color:#0000FF;}  /* 鼠标点击时 */
* {
  box-sizing: border-box;
}
 
body {
  font-family: Arial;
  padding: 10px;
  background: #d6d1d1;
}
 
/* 头部标题 */
.header {
  padding: 30px;
  text-align: center; 
  background: rgb(231, 224, 224);
  background-image:url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.51tietu.net%2Fpic%2F2019-090923%2Fezaj0sjisrcezaj0sjisrc.jpg&refer=http%3A%2F%2Fimg9.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1649992205&t=52561bb0fcd809a95e2ba8ec82e0ba32');
  background-position: right bottom, left bottom; 

}
 
.header h1 {
  font-size: 50px;
}
 
/* 导航条 */
.topnav {
  overflow: hidden;
  background-color: #333;
}
 
/* 导航条链接 */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
 
/* 链接颜色修改 */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
 
/* 创建两列 */
/* Left column */
.leftcolumn {   
  float: left;
  width: 25%;
}
.rightcolumn {   
  float: left;
  width: 75%;
}
/* 图像部分 */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}
 
/* 文章卡片效果 */
.card {
  background-color: white;
  padding: 20px;
  margin-top: 20px;
}
 
/* 列后面清除浮动 */
.row:after {
  content: "";
  display: table;
  clear: both;
}
 
/* 底部 */
.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
  margin-top: 20px;
}
 
/* 响应式布局 - 屏幕尺寸小于 800px 时，两列布局改为上下布局 */
@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
  }
}
 
/* 响应式布局 -屏幕尺寸小于 400px 时，导航等布局改为上下布局 */
@media screen and (max-width: 400px) {
  .topnav a {
    float: none;
    width: 100%;
  }
}
</style>
</head>
<body>

<div class="header">
  <h1>周 杰 伦</h1>
  <h2>     Jay Chou</h2>
</div>

<div class="topnav">
  <a href="file:///D:/%E5%88%9B%E5%BB%BA%E7%9A%84%E6%A1%8C%E9%9D%A2%E5%86%85%E5%AE%B9/%E7%BD%91%E9%A1%B5/%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86.html">个人简介</a>
  <a href="file:///D:/%E5%88%9B%E5%BB%BA%E7%9A%84%E6%A1%8C%E9%9D%A2%E5%86%85%E5%AE%B9/%E7%BD%91%E9%A1%B5/%E9%9F%B3%E4%B9%90%E4%BD%9C%E5%93%81.html">音乐作品</a>
  <a href="file:///D:/%E5%88%9B%E5%BB%BA%E7%9A%84%E6%A1%8C%E9%9D%A2%E5%86%85%E5%AE%B9/%E7%BD%91%E9%A1%B5/%E6%BC%94%E8%89%BA%E7%BB%8F%E5%8E%86.html">演艺经历</a>
  <a href="file:///D:/%E5%88%9B%E5%BB%BA%E7%9A%84%E6%A1%8C%E9%9D%A2%E5%86%85%E5%AE%B9/%E7%BD%91%E9%A1%B5/%E7%95%99%E8%A8%80%E5%86%8C.html">留言册</a>
  <a href="https://baike.baidu.com/item/%E5%91%A8%E6%9D%B0%E4%BC%A6/129156?fr=aladdin" style="float:right">更多</a>
</div>

<div class="row">
  <div class="leftcolumn">
    <div class="card">
      <h1>晴天</h1>
      <div  ><video width="320" height="240" controls>
        <source src="D:\创建的桌面内容\网页\蜗牛.. - 周杰伦《晴天》配上动漫，从前从前 有个人爱你很久。以声之色.mp4" type="video/mp4">
      </video></div>
      <br>
    </div>
    <div class="card">
      <h1>花海</h1>
      <div  ><video width="320" height="240" controls>
        <source src="D:\创建的桌面内容\网页\周杰伦 - 花海_r00127x0yzd_3_0 [mqms].mp4" type="video/mp4">
      </video></div>
      <br>
    </div>
    <div class="card">
      <h1>七里香</h1>
      <div ><video width="320" height="240" controls>
        <source src="D:\创建的桌面内容\网页\周杰伦 - 七里香_k0013x8ao6z_3_0 [mqms].mp4" type="video/mp4">
      </video></div>
      <br>
    </div>
    <div class="card">
      <h1>我是如此相信</h1>
      <div  ><video width="320" height="323" controls>
        <source src="D:\创建的桌面内容\网页\周杰伦 - 我是如此相信 (《天火》电影主题曲)_g0033tvp7sb_3_0 [mqms].mp4" type="video/mp4">
      </video></div>
      <br>
    </div>
    <div class="card">
      <h1>外婆</h1>
      <div  ><video width="320" height="302.5" controls>
        <source src="D:\创建的桌面内容\网页\周杰伦 - 外婆_i0013lxbfrt_3_0 [mqms].mp4" type="video/mp4">
      </video></div>
      <br>
    </div>
  </div>
  <div class="rightcolumn">
    <div class="card">
      <h2>创作背景</h2>
      <p>《晴天》这首歌曲是周杰伦的内心独白。在创作《晴天》时，周杰伦用一种孤独的内心感受展现了一种细腻和内敛的伤感和脆弱。他所写的内容与方文山营造的神奇诡异不同，更贴近现实和自己内心。该歌曲讲述的是怀念校园的点滴，一起约定，等到放晴的那天，共同来谱一段纯纯的爱 [3]  。</p>
      <h2>歌词</h2>
      <p>故事的小黄花
        从出生那年就飘着
        童年的荡秋千
        随记忆一直晃到现在
        Re So So Si Do Si La 
        So La Si Si Si Si La Si La So 
        吹着前奏望着天空
        我想起花瓣试着掉落
        为你翘课的那一天
        花落的那一天
        教室的那一间
        我怎么看不见
        消失的下雨天
        我好想再淋一遍
        没想到失去的勇气我还留着
        好想再问一遍
        你会等待还是离开
        刮风这天我试过握着你手
        但偏偏雨渐渐大到我看你不见
        还要多久我才能在你身边
        等到放晴的那天也许我会比较好一点
        从前从前有个人爱你很久
        但偏偏风渐渐把距离吹得好远
        好不容易又能再多爱一天
        但故事的最后你好像还是说了拜拜
        为你翘课的那一天
        花落的那一天
        教室的那一间
        我怎么看不见
        消失的下雨天
        我好想再淋一遍
        没想到失去的勇气我还留着
        好想再问一遍
        你会等待还是离开
        刮风这天我试过握着你手
        但偏偏雨渐渐大到我看你不见
        还要多久我才能在你身边
        等到放晴的那天也许我会比较好一点
        从前从前有个人爱你很久
        偏偏风渐渐把距离吹得好远
        好不容易又能再多爱一天
        但故事的最后你好像还是说了拜拜
        </p>
    </div>
    <div class="card">
      <h2>创作背景</h2>
      <p>《花海》的歌词由周杰伦在杰威尔公司的两位同事合力完成。周杰伦开放一首歌让公司有创作兴趣的的同事比稿，结果古小力和黄淩嘉的歌词胜出，周杰伦将两人的歌词精华部分结合成一首情，于是就创作了这首《花海》 [2]  。。周杰伦在这首歌里也挑战了高音，这首英式摇滚抒情结合了民族风，散发出一丝悠悠的花香 [4]  。</p>
      <h2>歌词</h2>
      <p>静止了 所有的花开\n遥远了 清晰了爱\n天郁闷 爱却很喜欢\n那时候我不懂这叫爱\n你喜欢 站在那窗台\n你好久 都没再来\n彩色的时间染上空白\n是你流的泪晕开\n不要你离开\n距离隔不开\n思念变成海\n在窗外进不来\n原谅说太快\n爱成了阻碍\n手中的风筝放太快回不来\n不要你离开\n回忆划不开\n欠你的宠爱\n我在等待重来\n天空仍灿烂\n它爱着大海\n情歌被打败\n爱已不存在\n你喜欢 站在那窗台\n你好久 都没再来\n彩色的时间染上空白\n是你流的泪晕开\n不要你离开\n距离隔不开\n思念变成海\n在窗外进不来\n原谅说太快\n爱成了阻碍\n手中的风筝放太快回不来\n不要你离开\n回忆划不开\n欠你的宠爱\n我在等待重来\n天空仍灿烂\n它爱着大海\n情歌被打败\n爱已不存在不要你离开\n回忆划不开\n欠你的宠爱\n我在等待重来\n天空仍灿烂\n它爱着大海\n情歌被打败\n爱已不存在
        </p>
    </div>
    <div class="card">
      <h2>创作背景</h2>
      <p>《七里香》这首歌周杰伦引用了诗人席慕蓉作品《七里香》作为名称，专辑主打歌《七里香》也找来方文山以作诗方式填词，方文山从席慕蓉那里得到了灵感，表示自己不是写歌词，而是在写诗。 [5]  周杰伦表示用诗作曲是一种挑战，不过很有诗意且感情丰富。 [6] </p>
      <h2>歌词</h2>
      <p>窗外的麻雀在电线杆上多嘴\n你说这一句很有夏天的感觉\n手中的铅笔在纸上来来回回\n我用几行字形容你是我的谁\n秋刀鱼的滋味猫跟你都想了解\n初恋的香味就这样被我们寻回\n那温暖的阳光像刚摘的鲜艳草莓\n你说你舍不得吃掉这一种感觉\n雨下整夜我的爱溢出就像雨水\n院子落叶跟我的思念厚厚一叠\n几句是非也无法将我的热情冷却\n你出现在我诗的每一页\n雨下整夜我的爱溢出就像雨水\n窗台蝴蝶像诗里纷飞的美丽章节\n我接着写\n把永远爱你写进诗的结尾\n你是我唯一想要的了解\n雨下整夜我的爱溢出就像雨水\n院子落叶跟我的思念厚厚一叠\n几句是非也无法将我的热情冷却\n你出现在我诗的每一页\n那饱满的稻穗幸福了这个季节\n而你的脸颊像田里熟透的番茄\n你突然对我说七里香的名字很美\n我此刻却只想亲吻你倔强的嘴\n雨下整夜我的爱溢出就像雨水\n院子落叶跟我的思念厚厚一叠\n几句是非也无法将我的热情冷却\n你出现在我诗的每一页\n整夜我的爱溢出就像雨水\n窗台蝴蝶像诗里纷飞的美丽章节\n我接着写\n把永远爱你写进诗的结尾\n你是我唯一想要的了解
        </p>
    </div>
    <div class="card">
      <h2>创作背景</h2>
      <p>《我是如此相信》是周杰伦为助力妻子昆凌主演的电影《天·火》而创作的主题曲，周杰伦不仅一手包办了歌曲的作曲和演唱，还请来了挚友方文山亲自作词。周杰伦曾经也担任过电影导演，一直在关注着华语电影的发展，他在看过电影《天·火》的完成片后很有感觉，立即创作了这首歌曲 [1]  。该曲不仅是周杰伦送给电影《天·火》的礼物，也代表了他看过电影后的观后感。而副歌“我是如此相信，在背后支撑的是你，一直与我并肩而行”也是周杰伦想要传递给每一位支持他的歌迷和看过电影的观众的感谢之言 [5]  。为了票房考虑，歌曲完成后并没有立即上架，而是看完电影后才能听到，随后才正式上架 [3]  。</p>
      <h2>歌词</h2>
      <p>鸟群离开了森林\n整座天空很灰心\n蝴蝶不再被吸引\n玫瑰盛开的很安静\n远方的风雨不停\n城市苍白而孤寂\n徘徊无助的人群\n焦虑着何时放晴\n故事里能毁坏的只有风景\n谁也摧毁不了我们的梦境\n弦月旁的流星划过了天际\n我许下 的愿望 该向谁 去说明\n陨石在浩瀚的宇宙间旅行\n璀璨的夜空里漫天的水晶\n我的祷告终于有了回音\n我是如此相信\n在背后支撑的是你\n一直与我并肩而行\n仰望等太阳升起\n听见鸟群回来的声音\n为我守候的人是你\n给了我坚定的信心\n双手弹奏出黎明\n原来爱如此的动听\n鸟群离开了森林\n整座天空很灰心\n蝴蝶不再被吸引\n玫瑰盛开的很安静\n远方的风雨不停\n城市苍白而孤寂\n徘徊无助的人群\n焦虑着何时放晴\n故事里能毁坏的只有风景\n谁也摧毁不了我们的梦境\n弦月旁的流星划过了天际\n我许下 的愿望 该向谁 去说明\n陨石在浩瀚的宇宙间旅行\n璀璨的夜空里漫天的水晶\n我的祷告终于有了回音\n我是如此相信\n在背后支撑的是你\n一直与我并肩而行\n仰望等太阳升起\n听见鸟群回来的声音\n为我守候的人是你\n给了我坚定的信心\n双手弹奏出黎明\n原来爱如此的动听\n我是如此相信\n在背后支撑的是你\n一直与我并肩而行\n仰望等太阳升起\n听见鸟群回来的声音\n为我守候的人是你\n给了我坚定的信心
        </p>
    </div>
    <div class="card">
      <h2>创作背景</h2>
      <p>《外婆》是周杰伦以关怀老人为主题而创作的一首歌曲，同时周杰伦在创作歌曲的时候借题发挥，表达对一些颁奖典礼的不满 [2]  。2003年，周杰伦入围了台湾金曲奖的五个奖项，最后却一无所获 [3]  。“表哥带我和外婆参加，她最最重视的颁奖典礼，结果却拿不到半个奖，我告诉外婆，我没输，不需要改变，表哥说不要觉得可惜，这只是一场游戏。”周杰伦根据自己的亲身经历，创作了日记式的歌词，道出了自己对于颁奖礼的真实想法 [4]  。</p>
      <h2>歌词</h2>
      <p>今天是外婆生日
        我换上复古西装
        载着外婆开着拉风的古董车兜兜兜风
        车里放着她的最爱
        找回属于是她的年代
        往大稻埕码头开去
        把所有和外公的往事静静回忆
        外婆她脸上的涟漪
        美丽但藏不住压抑
        失去了爱情只盼望亲情 弥补回应
        大人们以为出门之前
        桌上放六百就算是孝敬
        一天到晚拼了命
        赚钱少了关怀有什么意义
        外婆她的期待
        慢慢变成无奈
        大人们始终不明白
        她要的是陪伴
        而不是六百块
        比你给的还简单
        外婆她的无奈
        无法变成期待
        只有爱才能够明白
        走在淡水河畔
        听着她的最爱
        把温暖放回口袋
        记得去年外婆的生日
        表哥带我和外婆参加
        她最最重视的颁奖典礼
        结果却拿不到半个奖
        不知道该笑不笑
        我对着镜头傻笑
        只觉得自己可笑
        我难过
        却不是因为没有得奖而难过
        我失落
        是因为看到外婆失落而失落
        大人们根本不能体会表哥他的用心
        好像随他们高兴就可以彻底的否定
        否定我的作品
        决定在于心情
        想坚持风格他们就觉得还欧颗
        没惊喜没有改变
        我已经听了三年
        我告诉外婆 我没输 不需要改变
        表哥说不要觉得可惜
        这只是一场游戏
        只要外婆觉得好听
        那才是一种鼓励
        外婆露出了笑容 说她以我为荣
        浅浅的笑容
        就让我感到比得奖它还要光荣
        外婆她的期待
        慢慢变成无奈
        大人们始终不明白
        她要的是陪伴
        而不是六百块
        比你给的还简单
        外婆她的无奈 无法期待
        有爱才能够明白
        走在河畔 听着最爱
        把温暖放口袋
        </p>
    </div>
  </div>
</div>

<div class="footer">
  <h2>个人原创</h2>
</div>
</div>
</body>
</html>